<html>
<meta charset="utf-8">

<head>
    <link rel="stylesheet" type="text/css" href="mySheet.css">
    <script src="jquery-3.2.1.min.js"></script>
    <style>
        p.textalign-center {
            text-align: center;
        }

        p.textalign-right {
            text-align: right;
        }

        div.textalign-justity {
            text-align: justify;
        }
    </style>
</head>
<div>
    <ul>
        <li>文本对齐方式text-align ①center ②right ③justity(报纸杂志)</li>
        <li>文本修饰 text-decoration:underline文本的下划线 overline:上划线 line-through:删除线 none:无样式</li>
        <li>文本转换 text-transform  uppercase大写   lowercase小写  capitalize</li>
        <li>文本缩进 text-indent</li>
    </ul>
    <p class="textalign-center">text-align:center</p>
    <p class="textalign-right">text-align:right</p>
    <div class="textalign-justity">
        text-align:justity <br> the content add issd dafasdfadsfadsfasdfadfasdfadf<br> the content add issd dafasdfadsfadsfasdfadfasdfadf<br>
    </div>
    <div style="text-align:center;width:300px">
        <a href="#" style="text-decoration:none;">text-decoration:none</a>
        <span style="text-decoration:overline">text-overline</span>
        <span style="text-decoration:line-through">text-through</span>
        <span style="text-decoration:underline">text-underline</span>
    </div>
    <div>
       大写： <input type="text" style="text-transform:uppercase"/><br>
       小写:  <input type="text" style="text-transform:lowercase"/><br>
       正常:  <input type="text" style="text-transform:capitalize"/><br>
    </div>
    <p style="text-indent:60px;">1233333333333333333333333333333333333333333333333333333sdfadfaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaaaaaaasddddddddddddddddddddddddddddddddddddddddddddddddddddfghfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</p>
</div>

</html>